<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>访单综合管理</title>
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">

    <link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.6.7/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.6.7/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.6.7/demo/demo.css">
    <link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.6.7/themes/bootstrap/easyui.css">
    <script type="text/javascript" src="../../jquery-easyui-1.6.7/jquery.min.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-1.6.7/jquery.color.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-edatagrid/jquery.edatagrid.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-1.6.7/datagrid-export/datagrid-export.js"></script>
    <script type="text/javascript" src="../../jquery-easyui-1.6.7/locale/easyui-lang-zh_CN.js"></script>

    <link rel="stylesheet" type="text/css" href="../../KendoUI/styles/kendo.common.min.css" />
    <link rel="stylesheet" type="text/css" href="../../KendoUI/styles/kendo.default.min.css" />
    <link rel="stylesheet" type="text/css" href="../../KendoUI/styles/kendo.default.mobile.min.css" />
    <link rel="stylesheet" type="text/css" href="../../KendoUI/styles/kendo.rtl.min.css" />
    <script type="text/javascript" src="../../KendoUI/js/jszip.min.js"></script>
    <script type="text/javascript" src="../../KendoUI/js/kendo.all.min.js"></script>
    <script type="text/javascript" src="../../KendoUI/js/messages/kendo.messages.zh-CN.min.js"></script>

    <script type="text/javascript" src="../js/XLSX/xlsx.js"></script>
    <script src="../../publicJS/publicJS.js" type="text/javascript"></script>
    <script src="../js/showavisitor_sum.js?version=1.5" type="text/javascript"></script>


    <style type="text/css">
        .k-grid tr.k-state-selected {
            background-color: #afe8ab; /* 自定义选中行的背景色 */
        }
        .k-grid tr.k-state-selected,
        .k-grid tr.k-state-selected:hover,
        .k-grid tr.k-state-hover {
            background-color: #afe8ab; /* 自定义选中行和悬停行的背景色 */
        }
        /*13e072 40E0D0*/
        .plan_main {position: absolute;top:1px;bottom:1px;right:1px;left: 1px; background: #FEFCFB; /*  border: 0px solid red;*/}
        .plan_top {height: 35px;width: 100%;float: left;background: #F6F2F1;border: 1px solid #F6F2F1 ;}
        .plan_text {height: calc(100% - 40px);width: 100%;float: left;background: #FFFCFB;border: 1px solid #DBCFC3 ;}
    </style>
</head>
<body>
   <div class="plan_main">
      <div class="plan_top">
         <div class="plandate" style="border: 0px solid red;width: 180px;">
            <!-- <div class="interlayer"></div> -->
            <div class="demos">
                <label>起始日期：</label>
                <input id="start" class="easyui-datebox"
                       data-options="width:100,height:25,value:getDayNow01(),disabled:false">
            </div>
            
            <div class="demos">
                <label>终止日期：</label>
                <input id="end" class="easyui-datebox"
                       data-options="width:100,height:25,value:getDay(14),disabled:false">
            </div>
         </div>

        <div class="plandate" style="border: 0px solid red;width: 45px;">
            <a class="easyui-linkbutton" onclick="btn_refresh()"
            data-options="iconCls:'icon-search',iconAlign:'top',width:40,height:55">查询</a>

<!--            <a id="bt_addplan" href="#"  class="easyui-linkbutton" onclick="addplan()"  title=""-->
<!--               data-options="iconCls:'icon-add',iconAlign:'top',width:75,height:55">新增请假单</a>-->
        </div>
        
        <!-- 2024年6月3日 16:01:08 chanchaw 修改删除 -->
        <div class="plandate" style="border: 0px solid red;width: 95px;padding-left: 2px;">
          <div class="demos">
            <a id="update" href="#" class="easyui-linkbutton" onclick="setaudit(-1)" data-options="iconCls:'icon-edit',iconAlign:'left',width:90,height:25">驳回选中</a>
          </div>

          <div class="demos">
            <a id="delete" href="#" class="easyui-linkbutton" onclick="setaudit(0)" data-options="iconCls:'icon-undo',iconAlign:'left',width:90,height:25">取消驳回</a>
          </div>
        </div>
          

          <a id="cleanupplan" href="#" style="float: left;" class="easyui-linkbutton" onclick="btn_cancel_filter()"
             data-options="iconCls:'icon-remove',iconAlign:'top',width:60,height:55">清除过滤</a>

          <div class="plandate" style="border: 0px solid red;width: 95px;padding-left: 5px;">
              <div class="demos">
                  <a id="sh" href="#" class="easyui-linkbutton" onclick="setaudit(1)"
                     data-options="iconCls:'icon-ok',iconAlign:'left',width:90,height:25">审核选中</a>
              </div>

              <div class="demos">
                  <a id="qxsh" href="#" class="easyui-linkbutton" onclick="setaudit(0)"
                     data-options="iconCls:'icon-clear',iconAlign:'left',width:90,height:25">取消审核</a>
              </div>
          </div>

            <!-- 下载和导出 -->
          <div class="plandate" style="border: 0px solid red;width: 95px;padding-left: 2px;">
            <div class="demos">
                <a id="downLoad" href="#" style="float: left;" class="easyui-linkbutton" onclick="reqFile('word')"
                data-options="iconCls:'icon-sum',iconAlign:'left',width:90,height:25">WORD</a>
            </div>
            <div class="demos">
                <a id="setok" href="#" style="float: left;" class="easyui-linkbutton" onclick="btn_export()"
                data-options="iconCls:'icon-sum',iconAlign:'left',width:90,height:25">导出Excel</a>
            </div>
          </div>
          <a id="downPdf" href="#" class="easyui-linkbutton" onclick="reqFile('pdf')" style="float: left"
             data-options="iconCls:'icon-page_white_coldfusion',iconAlign:'top',width:90,height:55">PDF</a>

          <div class="plandate" style="border: 0px solid red;width: 95px;padding-left: 2px;">
              <div class="demos">
                  <a id="setok1" href="#" class="easyui-linkbutton" onclick="setfinish(1)"
                     data-options="iconCls:'icon-ok',iconAlign:'left',width:90,height:25">完成选中</a>
              </div>

              <div class="demos">
                  <a id="setclean" href="#" class="easyui-linkbutton" onclick="setfinish(0)"
                     data-options="iconCls:'icon-clear',iconAlign:'left',width:90,height:25">取消完成</a>
              </div>
          </div>
      
         <a id="closeplan" href="#" class="easyui-linkbutton" onclick="closeTab()" style="float: left"
            data-options="iconCls:'icon-no',iconAlign:'top',width:50,height:55">关闭</a>


      </div>
      <div class="plan_text">
          <div id="tabs" class="easyui-tabs" data-options="fit:true,onSelect:onSelect">
              <div title="进行中访单">
                  <table id="bill"></table>
              </div>
              <div title="已完成访单">
                  <table id="bill_finish"></table>
              </div>
              <div title="已驳回访单">
                  <table id="bill_bh"></table>
              </div>
          </div>
      </div>
   </div>

   <div id="A" class="easyui-window" title="编辑页面"
        style="width:640px;height:500px;padding:0px;"
        data-options="modal:true,collapsible:false,minimizable:false,maximizable:false,closable:false,closed:true,resizable:false">
       <div style="border: 0px solid red;height: 100%;width: 620px;float: left;">
           <div style="border: 0px solid red;height: 100%;width: 320px;padding:10px;float: left;">
               &nbsp;&nbsp;&nbsp;<label style="font-size: 14px;font-weight: bold;">请假类型：</label>
               <input id="A_category" class="easyui-combobox" data-options="required:true" style="height:35px;width:200px">

               <br><div class="interlayer"></div>&nbsp;&nbsp;
               <label style="font-size: 14px;font-weight: bold;">开始时间：</label>
               <input id="A_starttime" class="easyui-datetimebox" data-options="required:true" style="height:35px;width:200px">
               <br><div class="interlayer"></div>&nbsp;&nbsp;
               <label style="font-size: 14px;font-weight: bold;">结束时间：</label>
               <input id="A_endttime" class="easyui-datetimebox" data-options="required:true" style="height:35px;width:200px">
               <br><div class="interlayer"></div>&nbsp;&nbsp;
               <label style="font-size: 14px;font-weight: bold;">请假小时：</label>
               <input id="A_hour" class="easyui-textbox" data-options="required:true,prompt:'默认小时，必须录入数字大于0'" style="height:35px;width:200px">

               <br><div class="interlayer"></div>&nbsp;&nbsp;
               <label style="font-size: 14px;font-weight: bold;">请假人员：</label>
               <input id="A_peoples" class="easyui-combobox" data-options="required:true" style="height:35px;width:200px">

               <br><div class="interlayer"></div>&nbsp;&nbsp;
               <label style="font-size: 14px;font-weight: bold;">请假原因：</label>
               <input id="A_reason" class="easyui-textbox" data-options="required:true" style="height:35px;width:200px">

               <br><div class="interlayer"></div>&nbsp;&nbsp;
               <label style="font-size: 14px;font-weight: bold;">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</label>
               <input id="A_remark" class="easyui-textbox" data-options="required:false" style="height:35px;width:200px">

               <br><div class="interlayer"></div>&nbsp;&nbsp;
               <label style="font-size: 14px;font-weight: bold;">制&nbsp;&nbsp;单&nbsp;人：</label>
               <input id="A_user" class="easyui-textbox" data-options="editable:false,required:false" style="height:35px;width:200px">

               <br><div class="interlayer"></div>&nbsp;&nbsp;
               <label style="font-size: 14px;font-weight: bold;">制单日期：</label>
               <input id="A_createtime" class="easyui-textbox" data-options="editable:false,required:false" style="height:35px;width:200px">



               <br><br><div class="interlayer"></div>

               <a href="#" class="easyui-linkbutton" style="margin-left: 20px"  id="bt_saveA"
                  data-options="iconCls:'icon-save',height:40,width:120" onclick="saveA()">保存退出</a>&nbsp;&nbsp;
               <!-- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -->
               <a href="#" class="easyui-linkbutton"
                  data-options="iconCls:'icon-no',height:40,width:120" onclick="cancelA()">取消退出</a>&nbsp;
           </div>

           <div style="border-left: 1px solid #9f9f9f;height: 170px;width: 298px;padding:5px;float: left;">
               <iframe name="targetIfr" style="display:none"></iframe>
               <form id="form_dlg_upload" name="form_dlg_upload" action="/showabe/leaveDetail/upload" method="post" enctype="multipart/form-data" target="targetIfr" onSubmit=" return submitUpload()">
                   <div style="padding-top: 20px;padding-left: 20px">
                       <div>
                           <input type="file" name="file" id="fileUpload" onchange="handleFiles(this.files)">
                       </div>

                       <div style="margin-top: 10px;width:250px;" align="right">
                           <label for="fileRename">文件名：</label>
                           <input type="text" id="fileRename" name="fileRename" required>
                       </div>

                       <div style="margin-top: 10px;width:250px;" align="right">
                           <label for="remark">备注：</label>
                           <input type="text" id="remark" name="remark">
                       </div>

                       <div style="display: none">
                           <!--                                              <div>-->
                           <input type="text" id="parentId" name="parentId">
                       </div>

                       <div style="margin-top: 10px;width:250px;" align="right">
                           <input id="btnSubmit" name="submitbtn" type="submit" value="提交" style="height:28px">
                       </div>
                   </div>
               </form>

           </div>

           <div style="border-left: 1px solid #9f9f9f;height: 289px;width: 298px;float: left;">
               <table id="billgridA"> </table>
           </div>


       </div>
   </div>

   <div id="B" class="easyui-window" title="驳回原因"
        style="width:330px;height:250px;padding:0px;"
        data-options="modal:true,collapsible:false,minimizable:false,maximizable:false,closable:false,closed:true,resizable:false">
       <div style="border: 0px solid red;height: 100%;width: 310px;float: left;">
           <div style="border: 0px solid red;height: 100%;width: 300px;padding:10px;float: left;">

               <br><div class="interlayer"></div>
               <label style="font-size: 14px;font-weight: bold;">驳回原因：</label>
               <input id="B_remark" class="easyui-textbox" data-options="required:true,multiline:true" style="height:90px;width:200px">
               <br><br><div class="interlayer"></div>

               <a href="#" class="easyui-linkbutton" style="margin-left: 10px"
                  data-options="iconCls:'icon-save',height:40,width:120" onclick="saveB()">保存退出</a>&nbsp;&nbsp;&nbsp;&nbsp;
               <!-- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -->
               <a href="#" class="easyui-linkbutton"
                  data-options="iconCls:'icon-no',height:40,width:120" onclick="cancelB()">取消退出</a>&nbsp;
           </div>

       </div>
   </div>

   <div id="C" class="easyui-window" title="驳回原因-查看、修改"
        style="width:330px;height:250px;padding:0px;"
        data-options="modal:true,collapsible:false,minimizable:false,maximizable:false,closable:false,closed:true,resizable:false">
       <div style="border: 0px solid red;height: 100%;width: 310px;float: left;">
           <div style="border: 0px solid red;height: 100%;width: 300px;padding:10px;float: left;">

               <div style="display: none">
                   <input type="text" id="C_parentId">
               </div>

               <br><div class="interlayer"></div>
               <label style="font-size: 14px;font-weight: bold;">驳回原因：</label>
               <input id="C_remark" class="easyui-textbox" data-options="required:true,multiline:true" style="height:90px;width:200px">
               <br><br><div class="interlayer"></div>

               <a href="#" class="easyui-linkbutton" style="margin-left: 10px"
                  data-options="iconCls:'icon-save',height:40,width:120" onclick="saveC()">保存退出</a>&nbsp;&nbsp;&nbsp;&nbsp;
               <!-- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -->
               <a href="#" class="easyui-linkbutton"
                  data-options="iconCls:'icon-no',height:40,width:120" onclick="cancelC()">取消退出</a>&nbsp;
           </div>

       </div>
   </div>

</body>

<script type="text/javascript">

</script>

<style type="text/css">
   /* 文本框之间夹层div 属性 */
   .interlayer {
      /* border: 0px solid red; width: 400px;float: left;margin: auto;text-align: center; */
      border: 0px solid red; width: 300px;height: 7px;float: left;margin: auto;text-align: center;
   }

   .plan_main {
    position: absolute;
    top:1px;
    bottom:1px;
    right:1px;
    left: 1px;
    /*  border: 0px solid red;*/
    background: #FEFCFB;
}

.plan_top {
    height: 60px;
    width: 100%;
    float: left;
    background: #F6F2F1;
    border: 1px solid #F6F2F1 ;
}

.plan_text {
    height: calc(100% - 60px);
    width: 100%;
    float: left;
    background: #FFFCFB;
    border: 1px solid #DBCFC3 ;
    /* border: 0px solid red ; */
}

   .plandate {
    height: 60px;
    width: 200px;
    float: left;

   }

   .demos {
      height: 30px;
      width: 200px;
      float: left;

   }

   .demos label{
      font-size: 14px;
      text-align:right;
   }

</style>

</html>